<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title></title>
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <link rel="stylesheet" href="utils/reset.css">
  <link rel="stylesheet" href="utils/bootstrap.min.css">
  <link rel="stylesheet" href="utils/swiper-bundle.min.css" />
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/index.css">
  <link rel="stylesheet" href="css/detail.css">
</head>

<body>
  <!--header头部-->
  <header>
    <div class="header-top">
      <div class="w1200 top-box">
        <span class="left-title">Shanghai Creation Group Co.Ltd</span>
        <div class="circle-box">
          <ol class="circle-list">
            <li class="circle-item">
              <img src="./img/common/China-Circle.png" alt="China-Circle">
              <span>中</span>
            </li>
            <li class="circle-item">
              <img src="./img/common/Kingdom-Circle.png" alt="Kingdom-Circle">
              <span>英</span>
            </li>
            <li class="circle-item">
              <img src="./img/common/Germany-Circle.png" alt="Germany-Circle">
              <span>德</span>
            </li>
            <li class="circle-item">
              <img src="./img/common/Japan-Circle.png" alt="Japan-Circle">
              <span>日</span>
            </li>
            <li class="circle-item">
              <img src="./img/common/Russia-Circle.png" alt="Russia-Circle">
              <span>俄</span>
            </li>
            <li class="circle-item">
              <img src="./img/common/Spain-Circle.png" alt="Spain-Circle">
              <span>西</span>
            </li>
            <li class="circle-item">
              <img src="./img/common/Portugal-Circle.png" alt="Portugal-Circle">
              <span>葡</span>
            </li>
            <li class="circle-item">
              <img src="./img/common/France-Circle.png" alt="France-Circle">
              <span>法</span>
            </li>
            <li class="circle-item">
              <img src="./img/common/SouthKorea-Circle.png" alt="SouthKorea-Circle">
              <span>韩</span>
            </li>
            <li class="circle-item">
              <img src="./img/common/Emirates-Circle.png" alt="Emirates-Circle">
              <span>阿</span>
            </li>
          </ol>
        </div>
      </div>
    </div>
    <nav class="navbar">
      <div class="w1200 navbar-box">
        <div class="logo">
          <h1>
            <a href="./index.html" role="img" class="logo-bd clearfix">xxx</a>
          </h1>
        </div>
        <ul class="link-box">
          <li class="active">
            <a href="">首页</a>
          </li>
          <li>
            <a href="">关于我们</a>
          </li>
          <li>
            <a href="">质量保证</a>
          </li>
          <li>
            <a href="">产品中心</a>
          </li>
          <li>
            <a href="">产品应用</a>
          </li>
          <li>
            <a href="">新闻媒体</a>
          </li>
          <li>
            <a href="">联系我们</a>
          </li>
          <li>
            <a href="">集团组成</a>
          </li>
        </ul>
        <div class="search-box">
          <i class="search"></i>
          <input type="text" placeholder="搜索">
          <i class="awrrod"></i>
        </div>
      </div>
    </nav>
  </header>
  <!--banner-->
  <!--轮播开始-->
  <!--banner-->
  <!-- <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        </ol>

        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img src="./img/index/banner1.jpg" alt="banner1">
                <div class="w1200">
                    <div class="swiper-title">中国冷镦线材标杆生产商</div>
                    <p class="swiper-details">致力于紧固件冷镦线材生产，营销，服务为一体的专业企业，公司发展至今荣获国家级高新企业，IATF16949认证，企业技术中心等荣誉</p>
                    <p class="swiper-tips">Chinese cold wire rod benchmark manufacturer</p>
                </div>
            </div>
            <div class="item">
                <img src="./img/index/banner1.jpg" alt="banner2">
                <div class="w1200">
                    <div class="swiper-title">中国冷镦线材标杆生产商</div>
                    <p class="swiper-details">致力于紧固件冷镦线材生产，营销，服务为一体的专业企业，公司发展至今荣获国家级高新企业，IATF16949认证，企业技术中心等荣誉</p>
                    <p class="swiper-tips">Chinese cold wire rod benchmark manufacturer</p>
                </div>
            </div>
        </div>

        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div> -->
  <!--轮播结束-->

  <!--弹出层-->
  <div id="showBox" style="display: none;">
    <div class="innerWrap">
      <iframe id="showBoxVideoIframe" style="display: none;" src="" title="Tensile strength test" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen>
      </iframe>
      <img id="showBoxImg" src="" style="display: none;" width="100%" />
    </div>
  </div>
  <!--弹出层-->

  <!-- 滚动基础信息 -->
  <div class="productCenter w100 flex justify-content-center">
    <div class="w1200">
      <div class="headBox">
        <div>
          <span class="leftText">产品中心</a> </span>
          <span class="slash">/</span>
          <span class="rightText"><a href="#">X12Cr13 冷镦线材</a></span>
          <span class="slash">/</span>
          <span class="rightText"><a href="#">X12Cr13 冷镦线材</a></span>
        </div>
        <h3>X12Cr13 冷镦线材</h3>
      </div>

      <div class="infoBox flex-row">
        <div class="infoLeft">
          <!-- <img class="bigImg" src="./img/detail/detailImg.png" alt="">
          <div class="productImg w100 flex-row space-between align-items-center">
            <div class="arrowLeft flex center">
              <img src="./img/detail/leftarrow.png" alt="">
            </div>
            <img src="./img/detail/detailImg.png" alt="">
            <img src="./img/detail/detailImg.png" alt="">
            <img src="./img/detail/detailImg.png" alt="">
            <div class="arrowRight flex center">
              <img src="./img/detail/rightarrow.png" alt="">
            </div>
          </div> -->

          <div style="--swiper-navigation-color: #fff; --swiper-pagination-color: #fff" class="swiper mySwiper2">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <img class="bigImg showModelBtn" src="./img/detail/detailImg.png" alt="title" type="img" media="https://gd-hbimg.huaban.com/f7738787dc736bf4c37a0d0168a9175a36f72759824f3-Cjoty7_fw1200">
              </div>
              <div class="swiper-slide">
                <img class="bigImg showModelBtn" src="./img/detail/detailImg.png" alt="title" type="img" media="https://gd-hbimg.huaban.com/f7738787dc736bf4c37a0d0168a9175a36f72759824f3-Cjoty7_fw1200">
              </div>
              <div class="swiper-slide">
                <img class="bigImg showModelBtn" src="./img/detail/detailImg.png" alt="title" type="video" media="https://www.youtube.com/embed/UrtsH09R_Ao">
              </div>
              <div class="swiper-slide">
                <img class="bigImg showModelBtn" src="./img/detail/detailImg.png" alt="title" type="video" media="https://www.youtube.com/embed/UrtsH09R_Ao">
              </div>
              <div class="swiper-slide">
                <img class="bigImg showModelBtn" src="./img/detail/detailImg.png" alt="title" type="video" media="https://www.youtube.com/embed/UrtsH09R_Ao">
              </div>
              <div class="swiper-slide">
                <img class="bigImg showModelBtn" src="./img/detail/detailImg.png" alt="title" type="link" media="https://www.baidu.com">
              </div>
              <div class="swiper-slide">
                <img class="bigImg showModelBtn" src="./img/detail/detailImg.png" alt="title" type="link" media="https://www.baidu.com">
              </div>
            </div>
          </div>
          <div thumbsSlider="" class="swiper">
            <div class="mySwiper">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <img src="./img/detail/detailImg.png" alt="title">
                </div>
                <div class="swiper-slide">
                  <img src="./img/detail/detailImg.png" alt="title">
                </div>
                <div class="swiper-slide">
                  <img src="./img/detail/detailImg.png" alt="title">
                </div>
                <div class="swiper-slide">
                  <img src="./img/detail/detailImg.png" alt="title">
                </div>
                <div class="swiper-slide">
                  <img src="./img/detail/detailImg.png" alt="title">
                </div>
                <div class="swiper-slide">
                  <img src="./img/detail/detailImg.png" alt="title">
                </div>
                <div class="swiper-slide">
                  <img src="./img/detail/detailImg.png" alt="title">
                </div>
              </div>
            </div>
            <div class="swiper-button-next arrowLeft">
              <img src="./img/detail/rightarrow.png" alt="left">
            </div>
            <div class="swiper-button-prev arrowRight">
              <img src="./img/detail/leftarrow.png" alt="right">
            </div>
          </div>
        </div>
        <div class="infoRight flex-column">
          <div class="infoText">Grade: 1000 series - 8000 series</div>
          <div class="infoText">Width: 8mm -2650mm</div>
          <div class="infoText">Thickness: 0.20mm - 8.0mm</div>

          <div class="wxImg flex-row">
            <a aria-label="Chat on WhatsApp" href="https://wa.me/8618610914775">
              <img class="wxImgLeft" alt="Chat on WhatsApp" src="./img/detail/img8.png" />
            </a>

            <!-- <img class="wxImgLeft" src="./img/detail/img8.png" alt=""> -->
            <div class="line"></div>

            <a aria-label="Chat on WhatsApp" href="#" id="wxBtn">
              <img class="wxImgRight" alt="Chat on WhatsApp" src="./img/detail/img9.png">
            </a>
            <div id="wxDialog">
              <img alt="wechat" src="./img/detail/8247467.png" />
            </div>
          </div>
          <div class="btnOutBox">
            <button class="btn">Get a price</button>
          </div>
          <div class="flex-row align-items-center share">
            <a href="#" id="downloadPrint">
              <img class="iconImg" src="./img/detail/fenxiang.png" alt="">
              <span class="label">Document Down</span>
            </a>
            <a href="#" id="doPrint">
              <img class="iconImg" src="./img/detail/fenxiang.png" alt="">
              <span class="label">Print</span>
            </a>
            <!--  
            
            <img class="iconImg" src="./img/detail/fenxiang.png" alt="">
            <span class="label">share</span> -->
          </div>
        </div>
      </div>


    </div>
  </div>
  <!-- 滚动基础信息结束 -->
  <div id="print-box">
    <!-- Product Detail 产品详情 -->
    <!--startprint-->
    <div class="productCenterTwo w100 flex-column align-items-center">
      <div class="w1200 flex-row space-between contentOne">
        <div class="infoLeft">
          <!-- Product Detail -->
          <article>
            <div class="btnBox flex-row">
              <a id="detail" name="detail" class="anchor">&nbsp;</a>
              <a class="active" href="#detail">Product Detail</a>
              <a href="#technical">Technical Information</a>
              <a href="#inspection">Inspection</a>
              <a href="#packaging">Packaging</a>
            </div>
            <div class="textContent">
              <p>Shanghai Metal Corporation is a leading manufacturer and supplier of aluminum coil with high
                quality andreasonable price.</p>
              <p>Shanghai Metal Corporation produces aluminum coil of superior quality with dozens of continuous
                casting linesand cold rolled lines, and relative further processing machines. Our 1+ 4 hot
                rolled production line quarantees thebest quality of aluminum coils and quick delivery.</p>
              <p>Ranges from 1000 series to 8000 series, aluminum coil is widely used in aviation industry,
                construction field.</p>
              <p> automobile industry, household appliance industry and so on.</p>
              <p>If you want to know more about our coil or other aluminum products, please feel free to contact
                us, we will replyyou within 24 hours.</p>
              <p class="m0">Apart from aluminum coil, we are also supplying aluminum foil, aluminum sheet/plate
                and aluminum
                strip.</p>
            </div>
            <div class="detailText w100 flex-row">
              <div class="leftText">
                <h2>Specification</h2>
                <div class="mt32">
                  <p> 1) Grade:1000-8000 series </p>
                  <p> 2) Thickness: 0.20mm - 8mm</p>
                  <p> 3) Width: 8mm - 2650mm</p>
                  <p> 4) Temper: all available. H1X. H2X. H3X.O. HXXX. TxXX</p>
                  <p> 5) Continuous casting and hot rolled both available</p>
                  <p> 6) Coil lD: 75mm,150mm,200mm,300mm,400mm, 508mm or negotiable</p>
                  <p> 7) Surface treatment powder coated. anodized polishing,</p>
                </div>
              </div>
              <div class="rightImg">
                <img src="./img/detail/img1.png" alt="img1" class="showModelBtn" type="img" media="https://gd-hbimg.huaban.com/f7738787dc736bf4c37a0d0168a9175a36f72759824f3-Cjoty7_fw1200">
                <img src="./img/detail/img2.png" alt="img2" class="showModelBtn" type="link" media="https://www.baidu.com">
              </div>
            </div>
            <div class="detailText w100 flex-row">
              <div class="rightImg m0 pc">
                <img src="./img/detail/img6.png" alt="img6" class="showModelBtn" type="video" media="https://www.youtube.com/embed/UrtsH09R_Ao" />
                <img src="./img/detail/img7.png" alt="img7" class="showModelBtn" type="link" media="https://www.baidu.com" />
              </div>
              <div class="leftText ml30">
                <h2>Specification</h2>
                <div class="mt32">
                  <p> 1) Grade:1000-8000 series </p>
                  <p> 2) Thickness: 0.20mm - 8mm</p>
                  <p> 3) Width: 8mm - 2650mm</p>
                  <p> 4) Temper: all available. H1X. H2X. H3X.O. HXXX. TxXX</p>
                  <p> 5) Continuous casting and hot rolled both available</p>
                  <p> 6) Coil lD: 75mm,150mm,200mm,300mm,400mm, 508mm or negotiable</p>
                  <p> 7) Surface treatment powder coated. anodized polishing,</p>
                </div>
              </div>
              <div class="rightImg m0 moble">
                <img src="./img/detail/img6.png" alt="img6" class="showModelBtn" type="video" media="https://www.youtube.com/embed/UrtsH09R_Ao">
                <img src="./img/detail/img7.png" alt="img7" class="showModelBtn" type="link" media="https://www.baidu.com">
              </div>
            </div>
          </article>

        </div>
        <div class="infoRight">
          <a href="./product.html">Case Study</a>
          <div class="line"></div>
          <p>Products & Service</p>
          <div class="selectBox">
            <select name="mySelect" id="select">
              <option value="Metal">Metal</option>
              <option value="Metal2">Metal</option>
            </select>
          </div>
          <div class="line"></div>
          <p class="mt12 customMt">Related Products</p>
          <img src="./img/detail/img5.png" alt="">
          <p class="imgText">Prepainted Aluminium Coil</p>
          <img src="./img/detail/img3.png" alt="">
          <p class="imgText">Prepainted Aluminium Coil</p>
          <img src="./img/detail/img4.png" alt="">
          <p class="imgText">Prepainted Aluminium Coil</p>
        </div>
      </div>
    </div>
    <!-- Product Detail 产品详情结束 -->

    <!-- Technical Information 技术说明 -->
    <div class="productCenterThree">
      <div class="w1200 container flex-column">
        <div class="w100 btnBox flex-row justify-content-center">
          <a id="technical" name="technical" class="anchor">&nbsp;</a>
          <a href="#detail">Product Detail</a>
          <a href="#technical" class="active">Technical Information</a>
          <a href="#inspection">Inspection</a>
          <a href="#packaging">Packaging</a>
        </div>
        <div class="videoWrap">
          <a href="#" media="https://player.youku.com/embed/XNjQwNDUzNjAwNA==">
            <img src="./img/detail/technology_01.jpg" alt="盘元" />
            <h4>盘元</h4>
          </a>
          <a href="#" media="https://player.youku.com/embed/XNjQwNDUzOTU0OA==">
            <img src="./img/detail/technology_02.jpg" alt="酸洗&磷皂化处理" />
            <h4>酸洗&磷皂化处理</h4>
          </a>
          <a href="#" media="https://player.youku.com/embed/XNjQwNDUzODI1Mg==">
            <img src="./img/detail/technology_03.jpg" alt="拉拔" />
            <h4>拉拔</h4>
          </a>
          <a href="#" media="https://player.youku.com/embed/XNjQxMTIwNjIzNg==">
            <img src="./img/detail/technology_04.jpg" alt="球化热处理" />
            <h4>球化热处理</h4>
          </a>
          <a href="#" media="https://player.youku.com/embed/XNjQxMTIxMjExNg==">
            <img src="./img/detail/technology_05.jpg" alt="检查" />
            <h4>检查</h4>
          </a>
          <a href="#" media="https://player.youku.com/embed/XNjQxMTIxMjExNg==">
            <img src="./img/detail/technology_06.jpg" alt="成品" />
            <h4>成品</h4>
          </a>
        </div>
        <section class="information">
          <article>
            <h3>1.化学成分</h3>
            <div class="des">
              <h4>表1——化学成分，质量分数%</h4>
              <p class="tips">2.1 以HD工艺生产的冷墩钢丝，抗拉强度、断面收缩率应符合表2的规定。</p>
              <div class="table-box">
                <table>
                  <tbody>
                    <tr>
                      <td>牌号<sup>a</sup></p>
                      </td>
                      <td>钢丝公称直径d/</p>mm</p>
                      </td>
                      <td>抗拉强度Ra/</p>(N/mm<sup>2</sup>)</p>
                      </td>
                      <td>断面收缩率Z/</p>%</p>
                      </td>
                      <td>洛氏硬度<sup>b</sup>/</p>HRB</p>
                      </td>
                    </tr>
                    <tr>
                      <td rowspan='4'>ML04Al</p>ML08Al</p>ML10Al</p>
                      </td>
                      <td>≤3.00</p>
                      </td>
                      <td>≥460</p>
                      </td>
                      <td>≥50</p>
                      </td>
                      <td>一</p>
                      </td>
                    </tr>
                    <tr>
                      <td>&gt;3.00~4.00</p>
                      </td>
                      <td>≥360</p>
                      </td>
                      <td>≥50</p>
                      </td>
                      <td>一</p>
                      </td>
                    </tr>
                    <tr>
                      <td>&gt;4.00~5.00</p>
                      </td>
                      <td>≥330</p>
                      </td>
                      <td>≥50</p>
                      </td>
                      <td>一</p>
                      </td>
                    </tr>
                    <tr>
                      <td>&gt;5.00〜25. 00</p>
                      </td>
                      <td>≥280</p>
                      </td>
                      <td>≥50</p>
                      </td>
                      <td>&lt;85</p>
                      </td>
                    </tr>
                    <tr>
                      <td rowspan='4'>ML15Al</p>ML15</p>
                      </td>
                      <td>≤3.00</p>
                      </td>
                      <td>≥590</p>
                      </td>
                      <td>≥50</p>
                      </td>
                      <td>一</p>
                      </td>
                    </tr>
                    <tr>
                      <td>&gt;3.00~4.00</p>
                      </td>
                      <td>≥490</p>
                      </td>
                      <td>≥50</p>
                      </td>
                      <td>一</p>
                      </td>
                    </tr>
                    <tr>
                      <td>&gt;4.00~5.00</p>
                      </td>
                      <td>≥420</p>
                      </td>
                      <td>≥50</p>
                      </td>
                      <td>一</p>
                      </td>
                    </tr>
                    <tr>
                      <td>&gt;5.00~25.00</p>
                      </td>
                      <td>≥400</p>
                      </td>
                      <td>≥50</p>
                      </td>
                      <td>&lt;89</p>
                      </td>
                    </tr>
                    <tr>
                      <td rowspan='4'>ML18MnAl</p>ML20Al</p>ML20</p>ML22MnAl</p>
                      </td>
                      <td>≤3.00</p>
                      </td>
                      <td>≥850</p>
                      </td>
                      <td>≥35</p>
                      </td>
                      <td>一</p>
                      </td>
                    </tr>
                    <tr>
                      <td>&gt;3.00〜4.00</p>
                      </td>
                      <td>≥690</p>
                      </td>
                      <td>≥40</p>
                      </td>
                      <td>—</p>
                      </td>
                    </tr>
                    <tr>
                      <td>&gt;4.00〜5.00</p>
                      </td>
                      <td>≥570</p>
                      </td>
                      <td>≥45</p>
                      </td>
                      <td>一</p>
                      </td>
                    </tr>
                    <tr>
                      <td>&gt;5.00〜25.00</p>
                      </td>
                      <td>≥480</p>
                      </td>
                      <td>≥45</p>
                      </td>
                      <td>&lt;97</p>
                      </td>
                    </tr>
                    <tr>
                      <td colspan='5'>注：钢丝公称直径大于20 mm时，断面收缩率可以降低5%。</p>
                      </td>
                    </tr>
                    <tr>
                      <td colspan='5'>a牌号的化学成分可参考GB/T 6478。</p>b硬度值仅供参考。</p>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <div class="des">
                6.1显微组织</br>
                以SALD工艺生产的钢丝，显微组织应为球化组织；球化级别由供需双方协商，球化级别按 JB/T 5074的规定进行评定;脱碳层检验方法由供需双方协商确定。</br>
                6.2脱碳层深度</br>
                以SALD工艺生产的钢丝，应进行脱碳层检验，钢丝一边全脱碳层深度、总脱碳层深度（铁素体+ 过渡层）允许范围应符合表4的规定;脱碳层检验方法由供需双方协商确定。
                6.3增碳
                以SALD工艺生产的钢丝，钢丝表面不允许有增碳;若供方能够保证，可不检验。
              </div>
            </div>
          </article>
          <article>
            <h3>1.化学成分</h3>
            <div class="des">
              <h4>表1——化学成分，质量分数%</h4>
              <p class="tips">2.1 以HD工艺生产的冷墩钢丝，抗拉强度、断面收缩率应符合表2的规定。</p>
              <div class="table-box">
                <table>
                  <tbody>
                    <tr>
                      <td>牌号<sup>a</sup></p>
                      </td>
                      <td>钢丝公称直径d/</p>mm</p>
                      </td>
                      <td>抗拉强度Ra/</p>(N/mm<sup>2</sup>)</p>
                      </td>
                      <td>断面收缩率Z/</p>%</p>
                      </td>
                      <td>洛氏硬度<sup>b</sup>/</p>HRB</p>
                      </td>
                    </tr>
                    <tr>
                      <td rowspan='4'>ML04Al</p>ML08Al</p>ML10Al</p>
                      </td>
                      <td>≤3.00</p>
                      </td>
                      <td>≥460</p>
                      </td>
                      <td>≥50</p>
                      </td>
                      <td>一</p>
                      </td>
                    </tr>
                    <tr>
                      <td>&gt;3.00~4.00</p>
                      </td>
                      <td>≥360</p>
                      </td>
                      <td>≥50</p>
                      </td>
                      <td>一</p>
                      </td>
                    </tr>
                    <tr>
                      <td>&gt;4.00~5.00</p>
                      </td>
                      <td>≥330</p>
                      </td>
                      <td>≥50</p>
                      </td>
                      <td>一</p>
                      </td>
                    </tr>
                    <tr>
                      <td>&gt;5.00〜25. 00</p>
                      </td>
                      <td>≥280</p>
                      </td>
                      <td>≥50</p>
                      </td>
                      <td>&lt;85</p>
                      </td>
                    </tr>
                    <tr>
                      <td rowspan='4'>ML15Al</p>ML15</p>
                      </td>
                      <td>≤3.00</p>
                      </td>
                      <td>≥590</p>
                      </td>
                      <td>≥50</p>
                      </td>
                      <td>一</p>
                      </td>
                    </tr>
                    <tr>
                      <td>&gt;3.00~4.00</p>
                      </td>
                      <td>≥490</p>
                      </td>
                      <td>≥50</p>
                      </td>
                      <td>一</p>
                      </td>
                    </tr>
                    <tr>
                      <td>&gt;4.00~5.00</p>
                      </td>
                      <td>≥420</p>
                      </td>
                      <td>≥50</p>
                      </td>
                      <td>一</p>
                      </td>
                    </tr>
                    <tr>
                      <td>&gt;5.00~25.00</p>
                      </td>
                      <td>≥400</p>
                      </td>
                      <td>≥50</p>
                      </td>
                      <td>&lt;89</p>
                      </td>
                    </tr>
                    <tr>
                      <td rowspan='4'>ML18MnAl</p>ML20Al</p>ML20</p>ML22MnAl</p>
                      </td>
                      <td>≤3.00</p>
                      </td>
                      <td>≥850</p>
                      </td>
                      <td>≥35</p>
                      </td>
                      <td>一</p>
                      </td>
                    </tr>
                    <tr>
                      <td>&gt;3.00〜4.00</p>
                      </td>
                      <td>≥690</p>
                      </td>
                      <td>≥40</p>
                      </td>
                      <td>—</p>
                      </td>
                    </tr>
                    <tr>
                      <td>&gt;4.00〜5.00</p>
                      </td>
                      <td>≥570</p>
                      </td>
                      <td>≥45</p>
                      </td>
                      <td>一</p>
                      </td>
                    </tr>
                    <tr>
                      <td>&gt;5.00〜25.00</p>
                      </td>
                      <td>≥480</p>
                      </td>
                      <td>≥45</p>
                      </td>
                      <td>&lt;97</p>
                      </td>
                    </tr>
                    <tr>
                      <td colspan='5'>注：钢丝公称直径大于20 mm时，断面收缩率可以降低5%。</p>
                      </td>
                    </tr>
                    <tr>
                      <td colspan='5'>a牌号的化学成分可参考GB/T 6478。</p>b硬度值仅供参考。</p>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <div class="des">
                6.1显微组织</br>
                以SALD工艺生产的钢丝，显微组织应为球化组织；球化级别由供需双方协商，球化级别按 JB/T 5074的规定进行评定;脱碳层检验方法由供需双方协商确定。</br>
                6.2脱碳层深度</br>
                以SALD工艺生产的钢丝，应进行脱碳层检验，钢丝一边全脱碳层深度、总脱碳层深度（铁素体+ 过渡层）允许范围应符合表4的规定;脱碳层检验方法由供需双方协商确定。
                6.3增碳
                以SALD工艺生产的钢丝，钢丝表面不允许有增碳;若供方能够保证，可不检验。
              </div>
            </div>
          </article>
        </section>
      </div>
    </div>
    <!-- Technical Information 技术说明结束 -->
    <!--endprint-->

    <!-- Inspection 质量检测 -->
    <!-- 成卷线材 -->
    <div class="productCenterThree">
      <div class="w1200 container flex-column">
        <div class="w100 btnBox flex-row justify-content-center">
          <a id="inspection" name="inspection" class="anchor">&nbsp;</a>
          <a href="#detail">Product Detail</a>
          <a href="#technical">Technical Information</a>
          <a href="#inspection" class="active">Inspection</a>
          <a href="#packaging">Packaging</a>
        </div>
        <div class="videoWrap smallFont">
          <a href="#" media="https://www.youtube.com/embed/UrtsH09R_Ao">
            <img src="./img/detail/inspection_01_1.jpg" alt="外观检测-泡酸" />
            <h4>外观检测-泡酸</h4>
          </a>
          <a href="#" media="https://www.youtube.com/embed/UrtsH09R_Ao">
            <img src="./img/detail/inspection_01_2.jpg" alt="外观检测-现场" />
            <h4>外观检测-现场</h4>
          </a>
          <a href="#" media="https://www.youtube.com/embed/UrtsH09R_Ao">
            <img src="./img/detail/inspection_02_1.jpg" alt="冷顶锻-饼图" />
            <h4>冷顶锻-饼图</h4>
          </a>
          <a href="#" media="https://www.youtube.com/embed/UrtsH09R_Ao">
            <img src="./img/detail/inspection_02_2.jpg" alt="冷顶锻" />
            <h4>冷顶锻</h4>
          </a>
          <a href="#" media="https://player.youku.com/embed/XNjQxMTQzMTQ2MA==">
            <img src="./img/detail/inspection_03_1.jpg" alt="金相检测-100倍金相" />
            <h4>金相检测-100倍金相</h4>
          </a>
          <a href="#" media="https://player.youku.com/embed/XNjQxMTQzMTQ4NA==">
            <img src="./img/detail/inspection_03_2.jpg" alt="金相检测-500倍金相" />
            <h4>金相检测-500倍金相</h4>
          </a>
          <a href="#" media="https://player.youku.com/embed/XNjQxMTQzMTQ4NA==">
            <img src="./img/detail/inspection_03_3.jpg" alt="检测设备图徕卡金相仪" />
            <h4>金相检测-检测设备图徕卡金相仪</h4>
          </a>
          <a href="#" media="https://player.youku.com/embed/XNjQxMTQzMDE0OA==">
            <img src="./img/detail/inspection_04.jpg" alt="力学性能检测-拉伸试验" />
            <h4>力学性能检测-拉伸试验</h4>
          </a>
          <a href="#" media="https://www.youtube.com/embed/UrtsH09R_Ao">
            <img src="./img/detail/inspection_05_1.jpg" alt="硬度测试-布氏硬度代用图" />
            <h4>硬度测试-布氏硬度代用图</h4>
          </a>
          <a href="#" media="https://www.youtube.com/embed/UrtsH09R_Ao">
            <img src="./img/detail/inspection_05_2.jpg" alt="硬度测试-洛氏硬度" />
            <h4>硬度测试-洛氏硬度</h4>
          </a>
          <a href="#" media="https://player.youku.com/embed/XNjQxMTQzNjQxNg==">
            <img src="./img/detail/inspection_05_3.jpg" alt="硬度测试-维氏硬度" />
            <h4>硬度测试-维氏硬度</h4>
          </a>
          <a href="#" media="https://www.youtube.com/embed/UrtsH09R_Ao">
            <img src="./img/detail/inspection_06.jpg" alt="化学成分-光谱仪照片" />
            <h4>化学成分-光谱仪照片</h4>
          </a>
          <a href="#" media="https://www.youtube.com/embed/UrtsH09R_Ao">
            <img src="./img/detail/inspection_07.jpg" alt="皮膜测试-电镜照片" />
            <h4>皮膜测试-电镜照片</h4>
          </a>
          <a href="#" media="https://player.youku.com/embed/XNjQxMTQ0Mjc2MA==">
            <img src="./img/detail/inspection_08.jpg" alt="尺寸-千分尺" />
            <h4>尺寸-千分尺</h4>
          </a>
        </div>
      </div>
    </div>

    <!-- 异形线材 -->
    <div class="productCenterThree">
      <div class="w1200 container flex-column">
        <div class="w100 btnBox flex-row justify-content-center">
          <a id="inspection" name="inspection" class="anchor">&nbsp;</a>
          <a href="#detail">Product Detail</a>
          <a href="#technical">Technical Information</a>
          <a href="#inspection" class="active">Inspection</a>
          <a href="#packaging">Packaging</a>
        </div>
        <div class="videoWrap smallFont">
          <a href="#" media="https://www.youtube.com/embed/UrtsH09R_Ao">
            <img src="./img/detail/inspection_01_1.jpg" alt="外观检测-泡酸" />
            <h4>外观检测-泡酸</h4>
          </a>
          <a href="#" media="https://www.youtube.com/embed/UrtsH09R_Ao">
            <img src="./img/detail/inspection_01_2.jpg" alt="外观检测-现场" />
            <h4>外观检测-现场</h4>
          </a>
          <a href="#" media="https://www.youtube.com/embed/UrtsH09R_Ao">
            <img src="./img/detail/inspection_02_1.jpg" alt="冷顶锻-饼图" />
            <h4>冷顶锻-饼图</h4>
          </a>
          <a href="#" media="https://player.youku.com/embed/XNjQxMTQzMTQ2MA==">
            <img src="./img/detail/inspection_03_1.jpg" alt="金相检测-100倍金相" />
            <h4>金相检测-100倍金相</h4>
          </a>
          <a href="#" media="https://player.youku.com/embed/XNjQxMTQzMTQ4NA==">
            <img src="./img/detail/inspection_03_2.jpg" alt="金相检测-500倍金相" />
            <h4>金相检测-500倍金相</h4>
          </a>
          <a href="#" media="https://player.youku.com/embed/XNjQxMTQzMTQ4NA==">
            <img src="./img/detail/inspection_03_3.jpg" alt="金相检测-检测设备图徕卡金相仪" />
            <h4>金相检测-检测设备图徕卡金相仪</h4>
          </a>
          <a href="#" media="https://www.youtube.com/embed/UrtsH09R_Ao">
            <img src="./img/detail/inspection_04.jpg" alt="力学性能检测-拉伸试验" />
            <h4>力学性能检测-拉伸试验</h4>
          </a>
          <a href="#" media="https://player.youku.com/embed/XNjQxMTQzNjQxNg==">
            <img src="./img/detail/inspection_05_1.jpg" alt="硬度测试-HV维氏" />
            <h4>硬度测试-HV维氏</h4>
          </a>
          <a href="#" media="https://www.youtube.com/embed/UrtsH09R_Ao">
            <img src="./img/detail/inspection_05_2.jpg" alt="硬度测试-HRB" />
            <h4>硬度测试-HRB</h4>
          </a>
          <a href="#" media="https://www.youtube.com/embed/UrtsH09R_Ao">
            <img src="./img/detail/inspection_05_3.jpg" alt="硬度测试-HRC洛氏" />
            <h4>硬度测试-HRC洛氏</h4>
          </a>
          <a href="#" media="https://www.youtube.com/embed/UrtsH09R_Ao">
            <img src="./img/detail/inspection_06.jpg" alt="化学成分-光谱仪照片" />
            <h4>化学成分-光谱仪照片</h4>
          </a>
          <a href="#" media="https://www.youtube.com/embed/UrtsH09R_Ao">
            <img src="./img/detail/inspection_07.jpg" alt="皮膜测试-电镜照片" />
            <h4>皮膜测试-电镜照片</h4>
          </a>
          <a href="#" media="https://player.youku.com/embed/XNjQxMTQ0Mjc2MA==">
            <img src="./img/detail/inspection_08.jpg" alt="尺寸-千分尺" />
            <h4>尺寸-千分尺</h4>
          </a>
          <a href="#" media="https://www.youtube.com/embed/UrtsH09R_Ao">
            <img src="./img/detail/inspection_09.jpg" alt="断面形状检查" />
            <h4>断面形状检查</h4>
          </a>
          <a href="#" media="https://www.youtube.com/embed/UrtsH09R_Ao">
            <img src="./img/detail/inspection_10.jpg" alt="耐腐蚀测试" />
            <h4>耐腐蚀测试</h4>
          </a>
          <a href="#" media="https://www.youtube.com/embed/UrtsH09R_Ao">
            <img src="./img/detail/inspection_10.jpg" alt="耐腐蚀测试" />
            <h4>表面粗糙度测试</h4>
          </a>
        </div>
      </div>
    </div>
    <!-- Inspection 质量检测结束 -->

    <!-- Packaging 包装-成卷 -->

    <section class="contentBox ">
      <div class="w100 btnBox flex-row justify-content-center">
        <a id="packaging" name="packaging" class="anchor">&nbsp;</a>
        <a href="#detail">Product Detail</a>
        <a href="#technical">Technical Information</a>
        <a href="#inspection">Inspection</a>
        <a href="#packaging" class="active">Packaging</a>
      </div>
      <div class="groupOne flex-row space-between package w960">
        <div>
          <img src="./img/quality/narrate4.jpg" alt="线材捆扎示例">
          <h5>线材捆扎示例</h5>
        </div>
        <div>
          <img src="./img/quality/narrate1.jpg" alt="成品标签示例">
          <h5>成品标签示例</h5>
        </div>
        <div>
          <img src="./img/quality/narrate2.jpg" alt="卷材的卷绕方式">
          <h5>卷材的卷绕方式</h5>
        </div>
      </div>
    </section>
    <!-- Packaging 包装-成卷 包装结束 -->

    <!-- Packaging 包装-异形 -->
    <section class="contentBox ">
      <div class="w100 btnBox flex-row justify-content-center">
        <a id="packaging" name="packaging" class="anchor">&nbsp;</a>
        <a href="#detail">Product Detail</a>
        <a href="#technical">Technical Information</a>
        <a href="#inspection">Inspection</a>
        <a href="#packaging" class="active">Packaging</a>
      </div>
      <div class="w960">
        <div class="groupTwo gridBox space-between package">
          <div>
            <h4>1、成卷</h4>
            <img src="./img/quality/narrate4.jpg" alt="成卷">
            <h5>线索捆扎示例</h5>
          </div>
          <div>
            <h4>2、长条状</h4>
            <img src="./img/quality/narrate5.jpg" alt="长条状">
            <h5>线索捆扎示例</h5>
          </div>
          <div>
            <h4>3、外销木箱包装</h4>
            <img src="./img/quality/narrate6.jpg" alt="外销木箱包装">
            <h5>线索捆扎示例</h5>
          </div>
          <div>
            <h4>4、装柜照片</h4>
            <img src="./img/quality/narrate4-1.jpg" alt="装柜照片">
            <h5>装柜照片</h5>
          </div>
          <div>
            <h4>5、产品防护细节</h4>
            <img src="./img/quality/narrate5-1.jpg" alt="产品防护细节">
            <h5>产品防护</h5>
          </div>
          <div>
            <h4>5、产品防护细节</h4>
            <img src="./img/quality/narrate5-2.jpg" alt="产品防护细节">
            <h5>产品防护</h5>
          </div>
        </div>
      </div>
    </section>
    <!-- Packaging 包装-异形 包装结束 -->

    <!-- 公共外保证 -->
    <section class="contentBox ">
      <div class="groupThree w960">
        <div class="title flex-row align-items-center">
          <h4>外包装示例</h4>
          <i class="flex1"></i>
        </div>
        <div class="imgcontent flex1 ">
          <div class="imgBox1 flex-column center">
            <img class="img1" src="./img/quality/images1.png" alt="端面木板包装">
            <h5>端面木板包装</h5>
          </div>
          <div class="imgBox2 flex-column center">
            <img class="img2" src="./img/quality/images2.png" alt="缠绕包装">
            <h5>缠绕包装</h5>
          </div>
          <div class="imgBox3 flex-column center">
            <img class="img3" src="./img/quality/images4.png" alt="PP布袋套袋包装">
            <h5>PP布袋套袋包装</h5>
          </div>
          <div class="imgBox4 flex-column center">
            <img class="img4" src="./img/quality/images3.png" alt="线架包装">
            <h5>线架包装</h5>
          </div>
          <div class="imgBox5 flex-column center">
            <img class="img5" src="./img/quality/images5.png" alt="栈板包装">
            <h5>栈板包装</h5>
          </div>
        </div>
      </div>
    </section>

    <!-- 公共外保证 -->
  </div>
  <footer>
    <!--footer-->
    <div class="footerBox w100 flex center">
      <div class="w1200   flex-row space-between">
        <div class="logo">
          <h1>
            <a href="#" role="img" class="logo-bd footLogo clearfix"></a>
          </h1>
        </div>
        <ul>
          <li>
            <h3>关于我们</h3>
          </li>
          <li><a href="#">团队实力</a></li>
          <li><a href="#">可持续发展</a></li>
          <li><a href="#">安全第一</a></li>
          <li><a href="#">精细化运营</a></li>
          <li><a href="#">能源设备</a></li>
          <li><a href="#">招聘中心</a></li>
          <li><a href="#">下载中心</a></li>
        </ul>

        <ul>
          <li>
            <h3>产品应用</h3>
          </li>
          <li><a href="#">汽车行业</a></li>
          <li><a href="#">建筑行业</a></li>
          <li><a href="#">机械设备行业</a></li>
          <li><a href="#">其他行业</a></li>
        </ul>

        <ul>
          <li>
            <h3>产品中心</h3>
          </li>
          <li><a href="#">成卷线材</a></li>
          <li><a href="#">异形线/管</a></li>

        </ul>
        <ul>
          <li>
            <h3>新闻&媒体</h3>
          </li>
          <li><a href="#">公司&行业新闻</a></li>
          <li><a href="#">媒体库</a></li>
        </ul>
        <ul>
          <li>
            <h3>联系我们</h3>
          </li>
          <li><a href="#">询盘表单提交</a></li>
          <li><a href="#">社交媒体</a></li>
          <li><a href="#">公司位置</a></li>
        </ul>
        <ul>
          <li>
            <h3>睿雄集团组成</h3>
          </li>
        </ul>

      </div>

    </div>
    <div class="footeTwo  w100 flex center">
      <div class="w1200 h100 flex-row space-between align-items-center">
        <ul class="flex-row ulNav">
          <li><a href="#">Contact us</a></li>
          <li><a href="#">Location finder</a></li>
          <li><a href="#">Sitemap</a></li>
          <li><a href="#">Legal</a></li>
          <li><a href="#">Privacy</a></li>
        </ul>
        <ul class="flex-row ulImg align-items-center">
          <li><a href="#"><img src="./img/common/facebook1.png" alt=""></a></li>
          <div class="border"></div>
          <li><a href="#"><img src="./img/common/facebook2.png" alt=""></a></li>
          <div class="border"></div>
          <li><a href="#"><img src="./img/common/facebook3.png" alt=""></a></li>
        </ul>
      </div>
    </div>
  </footer>

  <div id="videoBox" style="display: none;">
    <iframe id="videoIframe" src="" title="Tensile strength test" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen>
    </iframe>
  </div>

  <script src="utils/jquery-1.8.3.min.js"></script>
  <script src="utils/bootstrap.min.js"></script>
  <script src="utils/swiper-bundle.min.js"></script>
  <script src="utils/dialog-plus.js"></script>
  <script src="js/common.js"></script>
  <script src="js/html2canvas.min.js"></script>
  <script>
    $('#videoIframe').attr({ width: document.documentElement.scrollWidth * 0.8, height: document.documentElement.scrollWidth * 0.4 })
    // 打印功能处理
    function doPrint(e) {
      e.preventDefault();

      // bdhtml = window.document.body.innerHTML;
      // sprnstr = "<!--startprint-->";
      // eprnstr = "<!--endprint-->";
      // prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17);
      // prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));
      // window.document.body.innerHTML = prnhtml;
      // window.print();

      html2canvas(document.getElementById('print-box'), {
        allowTaint: true,
        useCORS: true /*使用跨域*/
      }).then(function (canvas) {
        const pageData = canvas.toDataURL()
        var printWindow = window.open('', '_blank');
        var img = new Image();
        img.crossOrigin = '';
        img.onload = function () {
          // context.getImageData(0, 0, this.width, this.height);
          // 向新窗口发送HTML内容
          printWindow.document.write(`<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Print-Page</title></head><body>
            <img src="${pageData}"  crossorigin="anonymous" alt="print" style="width: 100vw"; height: width: 100vh" />
              </body></html>
            `);

          // 打印新页面
          printWindow.print();
        };
        img.src = pageData;

      })
    }
    $(document.body).on('click', '#doPrint', doPrint)
    $(document.body).on('click', '#downloadPrint', doPrint)
    // 视频展示
    $(document.body).on('click', '.videoWrap a', function (e) {
      e.preventDefault();
      var videoBox = dialog({
        title: 'Video',
        content: $('#videoBox')
      });
      $('#videoIframe').attr('src', $(e.target).parents('a').attr('media'))
      setTimeout(function () {
        videoBox.showModal();
      }, 500)
    })

    // 视频展示
    $(document.body).on('click', '.showModelBtn', function (e) {
      e.preventDefault();
      var showBox = dialog({
        title: '内容',
        content: $('#showBox')
      });
      if ($(e.target).attr('type') === 'video') {
        $('#showBoxVideoIframe').attr('src', $(e.target).attr('media'))
        $('#showBoxImg').hide()
        $('#showBoxVideoIframe').show()
      } else if ($(e.target).attr('type') === 'img') {
        $('#showBoxImg').attr('src', $(e.target).attr('media'))
        $('#showBoxVideoIframe').hide()
        $('#showBoxImg').show()
      } else {
        window.open($(e.target).attr('media'))
        return false
      }
      setTimeout(function () {
        showBox.showModal();
      }, 500)
    })

    $(document.body).on('click', '#wxBtn', function (e) {
      e.preventDefault();
      var WxDialog = dialog({
        title: '微信',
        content: $('#wxDialog')
      });
      setTimeout(function () {
        WxDialog.showModal();
      }, 500)
    })

    // 图片展示
    /* $(document.body).on('click', '.videoWrap a', function (e) {
      e.preventDefault();
      var videoBox = dialog({
        title: 'Video',
        content: $('#videoBox')
      });
      $('#videoIframe').attr('src', $(e.target).parents('a').attr('media'))
      setTimeout(function () {
        videoBox.showModal();
      }, 500)
    }) */
    window.onload = function () {
      var swiper = new Swiper(".mySwiper", {
        autoplay: true,
        loop: true, // 循环模式选项
        spaceBetween: 10,
        slidesPerView: 3,
        freeMode: true,
        watchSlidesProgress: true,
      });
      var swiper2 = new Swiper(".mySwiper2", {
        autoplay: true,
        loop: true, // 循环模式选项
        spaceBetween: 10,
        navigation: {
          nextEl: ".swiper-button-next",
          prevEl: ".swiper-button-prev",
        },
        thumbs: {
          swiper: swiper,
        },
      });
    }
  </script>
</body>

</html>